<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>p8_文字溢出替换为省略号</title>
        <style>
            div{
                background-color: #ff0;
                /*必须限制所在区域的大小！且以下三句为组合代码，缺一不可*/
                width: 200px;
                /*强制文本不换行*/
                white-space: nowrap;
                /*溢出的文字隐藏*/
                overflow: hidden;
                /*溢出的部分替换为省略号*/
                text-overflow:ellipsis;

            }
        </style>
    </head>
    <body>
        <div>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam amet aspernatur dolorem dolores ducimus illum magnam maiores molestias mollitia nesciunt, nihil nobis obcaecati quis rem reprehenderit rerum sint tenetur, ullam.
        </div>

    </body>
</html>